<head>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>

<br />
<h2 class="smallTitle">申请请假/外出</h2>

<div class="myText">
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="staffId">员工 ID</span>
    </div>
    <input id="staffIdInput" type="text" #staffId class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
  </div>
  <br /><br />
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <label class="input-group-text" for="inputGroupSelect01">请假类型</label>
    </div>
    <select class="custom-select" id="categoryInput" #category >
      <option selected>请选择类型</option>
      <option value="事假">事假</option>
      <option value="病假">病假</option>
      <option value="产假">产假</option>
      <option value="婚假">婚假</option>
      <option value="年假">年假</option>
    </select>
  </div>
  <br /><br />
  <!--
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="inputGroup-sizing-default">起始时间</span>
    </div>
    <input id="begintime" type="text" #beginTime class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
  </div>
  <br /><br />
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="inputGroup-sizing-default">结束时间</span>
    </div>
    <input id="endtime" type="text" #endTime class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
  </div>
  -->
  <label>起始时间&nbsp;&nbsp;&nbsp;</label>
  <input #beginTime type="date"/>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <label>结束时间&nbsp;&nbsp;&nbsp;</label>
  <input #endTime type="date"/>
  <br /><br />
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">请假原因</span>
    </div>
    <textarea class="form-control" aria-label="With textarea" #reason ></textarea>
  </div>
</div>

<br />
<div class="myText">
  <!-- <a routerLink="/staff-attendance/successful-interface"></a> -->
  <button type="button" class="btn btn-primary" (click)="submitHoliday(staffId.value, category.value, beginTime.value, endTime.value, reason.value)">确认提交</button>
</div>
